html, body {padding: 0; margin: 0; font-family: "Microsoft YaHei", "微软雅黑", "MSYH", sans-serif; color: #333;}
/*.content-root {padding: 10px 0}*/
.content-root {flex-direction: column}
.flexable {display: flex}
.tool-bar {
    border: 1px solid #ccc; align-items: center; height: 45px; min-height: 45px; background-color: #f3f2f2;
    border-left-style: none; border-right-style: none;
}
/*.tool-bar-item { margin-right: 10px;}*/
.tool-bar-item {
    cursor: pointer; width: 34px; /*height: 34px; line-height: 34px;*/ text-align: center;
    border-radius: 5px; margin: 3px; padding: 5px; color: #333;
}
.tool-bar-item:hover {background-color: #e3e2e2; color: #333;}
.tool-bar-item.disabled, .tool-bar-item.disabled:hover {background-color: transparent; color: #e3e2e2; cursor: default}
.tool-bar-div {width: 1px; background-color: #95999c; overflow: hidden; margin: 3px}
.tool-bar-div:before { content: '&nbsp;'}
.list-item, .field-row {align-items: center; justify-content: space-between; padding: 10px;}
.list-item.selected:hover, .list-item:hover {background-color: #efefef; color: #333; cursor: pointer}
.list-item.selected {background-color: #007bff; color:#fff;}
.form-list {list-style: none; margin: 0; padding: 0; border: 1px solid #ccc;}
#btn-browser {cursor: pointer;}
.field-label {padding: 5px 0}
.auto-grow {flex-grow: 99}
.tree-area {width: 20%; border-right: 1px solid #ccc; min-width: 200px;}
.main-area {min-width: 720px; overflow-x: hidden}
.pretty-scrollable {overflow-y: auto}
.pretty-scrollable::-webkit-scrollbar {width: 5px;border-radius:3px;/*background-color: #f1f1f1;*/border-color: #ccc;opacity: 0.5;}
.pretty-scrollable::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #999; display: run-in}

.list-header, .module-info {padding: 10px;}
.module-name-list, .module-name-list li {margin: 0; padding: 0; list-style: none; min-width: 180px;}
.module-item {
    cursor: pointer; display: block; padding: 5px 10px 5px 25px; text-decoration: none; color: #333;
    white-space: nowrap;
}
.module-item:hover {text-decoration: none; color: #333; background-color: #efefef;}
.module-info {justify-content: space-between; border-bottom: 1px solid #efefef;}
.canvas {height: 240px; width: 100%; margin: 30px auto;}